<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/9
  Time: 17:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8" />
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 为移动设备添加 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <!--忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>多肉植物</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5shiv.min.js"></script>
    <script type="text/javascript" src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top top-box" style="background: #fff;">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" /></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right top-nav">
                <li>
                    <a href="index.jsp">
                        首页
                        <span class="sr-only">(current)</span>
                    </a>
                </li>

                <li  >
                    <a href="about.jsp">关于多肉</a>
                </li>

                <li >
                    <a href="pro.jsp">多肉展示</a>
                </li>

                <li>
                    <a href="http://localhost:8080/webtest/Homework/Qiantai/articles?action=userpage&currPage=1">多肉作品</a>
                </li>

                <li>
                    <a href="http://localhost:8080/webtest/Homework/manage/index.jsp">后台管理</a>
                </li>

                <li>
                    <c:if test="${username!=null && username!='admin'}"><a href="/webtest/Homework/Qiantai/articles?action=mypage&currPage=1&writter=${username}">${username}</a></c:if>    <!-- 如果username里有用户名，就显示用户名，否则就显示登陆和注册的链接 -->
                    <c:if test="${username==null}"><a href="/webtest/Homework/login.jsp">登录注册</a></c:if>  <!-- &nbsp;是空格-->
                    <c:if test="${username=='admin'}"><a href="/webtest/Homework/Qiantai/news?action=page&currPage=1">${username}</a></c:if>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
<!--/ 导航-->
<%--<div class="panel-body" style="height: 0px;  overflow-y:scroll">--%>
<%--    <div style="border: 200px  #000000; width: 90%; margin: 0 auto;">--%>
<%--                <span>--%>

<%--            </span>--%>
<%--    </div>--%>
<%--</div>--%>

</body>
</html>
